@charset "UTF-8";
/*
 Theme Name: Soot Seekers
 Theme URI:
 Description: Theme for Soot Seekers site. 
 Author: Kyle Finley
 Author URI: http://www.page110.com
 Version: 2.0
 Tags:
 License: GPL 
 License URI: 
 */
 
/* Soot Seekers CSS Document */

*{
	margin: 0px;
	padding: 0px;
	}

body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img, object{
	border: 0px;
	}

a{
	text-decoration: none;
	outline: none;
	cursor: pointer;
	}

ul{
	list-style-type: none;
	}

body {
	margin: 0 auto;
	background: #111; 
	min-width: 1000px;
	}

.clear {
	clear: both;
	}

/*****		SOOT		*****/



/*****		FONTS		*****/

@font-face {
   font-family: TDH;
   src: url('fonts/talldark.ttf');
}

@font-face {
    font-family: 'Bebas';
    src: url('fonts/Bebas/bebasneue-webfont.eot');
    src: url('fonts/Bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bebas/bebasneue-webfont.woff') format('woff'),
         url('fonts/Bebas/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/Bebas/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.lucida {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	}

.bebas {
	font-family: "Bebas", Arial, Helvetica, sans-serif;
	}

/*****		WRAPPER		*****/

#wrapper {
	position: relative; 
	margin: 0px auto; 
	width: 830px;
	}

/******		HEADER		*****/

#header {
	float: left;
	position: relative;
	width: 830px; 
	height: 215px;
	margin: 55px 0 0 0px;
	text-align: center;
	}

	#logo{ 
		width: 830px;
		margin: 0 0 40px 0;
		}
	
  	#tag {
		position: absolute;
		top: 90px;
		left: 440px;
		font-size: 85%; 
		letter-spacing: .5px; 
		color: #aaa;
		}
		
/******		NAV			*****/	

#nav { 
	width: 830px; 
	padding: 0px 0;
	}
	
	#nav ul {
		list-style-type: none; 
		padding: 0;
		margin: 0 0 0 20px;
		}
		
		#nav ul li {
			float: left;
			width: auto;
			margin: 0 0 0 0;
			padding: 5px 70px 5px 0; 
			font-size: 115%; 
			letter-spacing: 1px; 
			cursor: pointer;
			}
			
	.menu-item a {
		color: #aaa;
		}
		.menu-item a:hover {
			color: #FFBC00;
			}
		
		
	.current_page_item a {
		color: #444;
		}
		.current_page_item a:hover {
			color: #fff;
			}
			

/*****		CONTENT		*****/

#main_cont {
	float: left; 
	width: 830px;
	}

.sideText {
    position: absolute; 
    left: -10000px;
    }
	
/*****		HEADERS		*****/

.contentHeader {
	margin: 20px 0 0 20px;
	}

/*****		HOME PAGE		*****/

#pic_wrapper {
	position: relative; 
	top: 0px;
	width: 830px; 
	height: 390px; 
	overflow: hidden; 
	background: #111; 
	border: 1px solid #222;
	}

	#pic {
		position: absolute; 
		width: 810px; 
		height: 370px; 
		margin: 10px; 
		overflow: hidden;
		}
	#pic>img {
		position: absolute; 
		top: -100px; 
		left: -170px;
		}
	#script {
		float: left;
		width: 810px;
		margin: 20px 10px 70px 10px;
		color: #aaa; 
		font-size: .9em;
		letter-spacing: .3px;
		}
		
#column_left {
	float: left;
	width: 300px;
	margin: 0 0 40px 0;
	}
	
#profile {
	float: left;
	position: relative;
	width: 300px; 
	margin: 0px 0px 40px 0px;
	padding-bottom: 0px;
	}
	
	#profileHeader {
		margin: 0px 0 0 0px;
		}
	
	#profileText {
		width: 240px;
		color: #aaa;
		font-size: .9em;
		letter-spacing: .3px;
		}

	#profilePic {
		width: 220px;
		margin: 10px 0px 10px 0px;
		padding: 10px 10px 7px 10px; 
		border: 1px solid #222;
		}
		#profilePic img {
			}
			
#twitter_feed {
	float: left;
	}
	.twtr-ft div {
		display: none;
		}
			
#post_wrapper {
	float: left;
	width: 500px;
	margin: 0 0 40px 20px;
	}
			
.latest {
	float: left;
	margin: 0 0 20px 0;
	}
	#latest_blog_post {
		margin-top: 20px;
		}
	.color_block {
		margin: 0 0 25px 0;
		font-family: 'Bebas', Arial, Helvetica, sans-serif;
		letter-spacing: 1.2px;
		word-spacing: 1px;
		color: #111;
		}
		.yo {
			width: auto;
			background: none repeat scroll 0 0 #aaa;
			padding: 7px;
			}
	.latest h3 {
		margin: 10px 0;
		}
	.latest h3 a {
		color: #FFBC00;
		/*font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;*/
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		font-size: .9em;
		letter-spacing: .3px;
		}
	.latest img {
		padding: 10px;
		border: 1px solid #222;
		}
	.latest p {
		color: #aaa;
		/*font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;*/
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		font-size: .9em;
		letter-spacing: .3px;
		margin-top: 15px;
		}
		

/*****		PAGES		*****/	

.pic_wrapper {
	position: relative; 
	top: 0px;
	width: 830px; 
	height: 390px; 
	overflow: hidden; 
	background: #111; 
	border: 1px solid #222;
	}

	.pic {
		position: absolute; 
		width: 810px; 
		height: 370px; 
		margin: 10px; 
		overflow: hidden;
		}
	.pic>img {
		position: absolute; 
		top: -100px; 
		left: -170px;
		}
		
.page_header {
	float: left; 
	margin: 20px 10px 10px 10px; 
	font-family: 'Bebas', 'Lucida Grande', sans-serif; 
	font-size: 30px; color: #FFBC00;  
	font-variant: small-caps; 
	letter-spacing: 2px;
	}
.page_header_text {
    float: left; 
    width: 810px; 
    margin: 5px 0 0px 10px; 
    color: #aaa; 
    font-family: 'Lucida Grande', Arial, Helvetica, sans serif;
    }
.page_content {
	float: left; 
	width: 830px; 
	margin: 20px 0 0px 30px; 
	color: #aaa; 
	font-family: 'Lucida Grande', Arial, Helvetica, sans serif;
	}


/*****		WHO WE ARE		*****/

#cert_column {
	float: left; 
	width: 395px; 
	margin: 0px 0 0 30px; 
	color: #aaa; 
	border-right: 2px solid #FFBC00;
	}
	.cert_column_ul {
		padding: 50px 20px 50px 0;
		}
		.cert_column_ul_li {
			margin-bottom: 20px;
			}
			
#list_column {
	float: left; 
	background: ; 
	width: 345px; 
	margin-top: 0px; 
	color: #aaa; 
	font-family: 'Lucida Grande', Arial, Helvetica, sans serif;
	}
	.list_column_ul {
		padding: 50px 0px 50px 60px;
		}
		.list_column_ul_li {
			margin-bottom: 20px;
			}
			
			
/*****		PRODUCTS		*****/			

.product_wrapper, .service_wrapper, .faq_wrapper {
	width: 810px; 
	float: left; 
	margin: 0 0 10px 0;
	}
	.product_img, .service_img, .faq_number {
		float: left; 
		margin-bottom: 20px; 		
		border: 1px solid #222; 
		padding: 5px;
		}
	.product_text, .service_text, .faq_text {
		float: left;
		margin: 5px 0 20px 20px;
		}
	.faq_text {
		width: 750px;
		}
		.product_title, .service_title, .faq_question {
			color: #FFBC00; 
			font-size: 18px;
			}
		.product_description, .service_description, .faq_answer {
			margin: 10px 0 0 0;
			}
			
			
/*****		BLOG/PORTFOLIO		*****/		

#blog_cont {
	color: #aaa;
	min-height: 600px;
	padding: ;
	margin: 0 0 50px 0;
	}
	.post {
		margin: 40px 0;
		}
		.post p {
			margin: 17px 0;
			/*font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;*/
			font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
			font-size: .9em;
			letter-spacing: .3px;
			}
			.post_details a, .tagCat a {
				color: #396;
				/*font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;*/
				font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
				font-size: .9em;
				letter-spacing: .3px;
				}
		.post p a img {
			border: 1px solid #222;
			padding: 10px;
			}
	.blog_title a {
		color: #FFBC00;
		/*font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;*/
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		}		

#comment_count {
	float: left;
	background: url("images/comment_cloud.png") no-repeat;
	padding: 2px 20px 10px 11px;
	font-family: "Bebas", Arial, Helvetica, sans-serif;
	color: #FFBC00;
	}
	
#leave_comment {
	float: left;
	width: auto;
	padding-top: 2px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: .9em;
	letter-spacing: .3px;
	color: #aaa;
	}
	#leave_comment a {
		color: #aaa;
		}
		#leave_comment a:hover {
			color: #FFBC00;
			}
			
.navigation {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: .3px;
	}
	.navigation a {
		color: #FFBC00;
		}
		
/*****		SINGLE		*****/

#comments {
	margin: 40px 0 20px 0;
	color: #FFBC00;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: .9em;
	}
	
.commentlist, .reply {
	margin-bottom: 20px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: .9em;
	}
	.comment-meta {
		margin: 5px 0;
		font-size: .7em;
		}
		.comment-meta a {
			color: #444;
			}
			.comment-edit-link:hover {
				color: #FFBC00;	
				}
	.fn, .reply a {
		color: #396;
		}
		.reply a:hover {
			color: #FFBC00;
			}
		
.comment-body p {
	font-size: 1em;
	}

#respond {
	margin-top: 40px;
	}
	#respond h3 {
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		color: #FFBC00;
		}
	#respond a {
		color: #396;
		}
		#respond a:hover {
			color: #FFBC00;
			}
		

/*****		SERVICES		*****/



/*****		CONTACT US		*****/

#contactUs {
	position: relative;
	}

#myForm {
	margin-top: 20px;
	}

.red {
	color: #900;
	}

#f_name {
	float: left;
	}

#l_name {
	float: left; 
	margin-left: 20px;
	}

#p_number, #email {
	margin-top: 10px;
	}
	

/*****		FOOTER		*****/

#footer {
	float: left;
	width: 830px; 
	height: 160px; 
        margin-top: 20px;
	border: 1px dashed #900; 
	border-bottom: 0;
	}

	#footerInner {
		position: relative;
		background: #fff; 
		width: 810px; 
		margin: 10px 0 0 10px; 
		height: 150px;
		}

/*****		CERT		*****/

#cert {
	position: absolute; 
	top: 13px; 
	left: 265px;
	}
	
	#paGuild {
		margin: 0 10px 20px 0;
		}

	#ccs {
		margin: 0 0 20px 18px;
		}
	
	
/*****		 CONTROLS 		*****/	

#controls {
		display: none;
		position: absolute;
		width: 155px; 
		bottom: 10px; 
		right: 30px; 
		z-index:100;
		}
	
		#play, #pause, #left, #right {
			float: left; 
			margin: 4px;
			}
	
	#cover {
		position: absolute; 
		top: 30px; 
		width: 270px; 
		z-index: 15;
		}
	
		#arrow {
			position: absolute; 
			width: 20px; 
			height: 32px; 
			top: 150px; 
			left: 240px; 
			cursor: pointer; 
			width: 20px; 
			z-index: 40; 
			background-image: url(images/path.png); 
			background-repeat: no-repeat;
			}
			
			#arrow:hover {
				background-image: url(images/path_hover.png);
				}
			
		#arrow2 {
			position: absolute; 
			width: 20px; 
			height: 32px; 
			top: 150px; 
			left: 240px; 
			cursor: pointer; 
			width: 20px; 
			z-index: 40; 
			background-image: url(images/pathClose.png); 
			background-repeat: no-repeat; 
			visibility: hidden;
			}
			
			#arrow2:hover {
				background-image: url(images/pathCloseHover.png);
				}	
		
		#back {
			position: absolute; 
			top: 0; 
			width: 270px;
			}